<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

		<link href="../../css/mui.css" rel="stylesheet" />
		<link href="../../css/common.css" rel="stylesheet" />

		<style>
			.mui-table-view{
			margin-top: 0px !important;
			}
			.mui-control-content {
				background-color: white;
				min-height: 760px;
			}
			#recommended-service{
				color: goldenrod;
				margin-top: 12px;
				padding-left: 12px;
				height: 32px;
				border-bottom: 1px solid rgba(200,200,200,0.2);
			}
			.mui-table-view-cell{
				/* height: 70px; */
				border-bottom: 1px solid rgba(200,200,200,0.2);
			}
			.appname{
				float: left;
				margin-right: 12px;
				width: 50px;
				height: 50px;
				border-radius: 20%;
			}
			.cardbot{
				/* height: 50px; */
			}
			.card-right{
				width: 100%;
			}
			.present{
				width: 100%;
				height: 25px;
				display: block;
			}
			.limit{
				display: block;
			}
			.present-title{
				float: left;
				font-size: 16px;
			}
			.present-day-interest{
				float: right;
				font-size: 13px;
				margin-right: 15px;
				margin-top: 16px;
			}
			.limit-left{
				font-size: 13px;
				margin-top: 5px;
				float: left;
				margin-right: 5px;
			}
			.limit-num{
				float: left;				
				margin-top: 5px;
				font-size: 13px;
				color: goldenrod;
			}
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left touch-action"></a>
			<h1 class="mui-title">账单查询</h1>
		</header>

		<div class="mui-content">
			<div class="mui-slider-group">
				<div id="item1mobile" class="mui-slider-item mui-control-content mui-active">
					<div id="scroll1" class="mui-scroll-wrapper">
						<div class="mui-scroll">
							<ul class="mui-table-view item1ul">
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/jianshe.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国建设银行 </span>
												<p class="present-day-interest">查询可用额度、账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95533</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/guangfa.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">广发银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">400-830-8003</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/youzhengchuxu.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国邮政储蓄银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95580</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/nongye.jpg">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国农业银行 </span>
												<p class="present-day-interest">查询可用账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95599</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/huaxia.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">华夏银行</span>
												<p class="present-day-interest">查询可用账单</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95577</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/jianshe.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国建设银行 </span>
												<p class="present-day-interest">查询可用额度、账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95533</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/guangfa.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">广发银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">400-830-8003</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/youzhengchuxu.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国邮政储蓄银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95580</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/nongye.jpg">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国农业银行 </span>
												<p class="present-day-interest">查询可用账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95599</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/huaxia.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">华夏银行</span>
												<p class="present-day-interest">查询可用账单</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95577</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/jianshe.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国建设银行 </span>
												<p class="present-day-interest">查询可用额度、账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95533</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/guangfa.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">广发银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">400-830-8003</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/youzhengchuxu.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国邮政储蓄银行 </span>
												<p class="present-day-interest">查询可用额度、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95580</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/nongye.jpg">
										<div class="card-right">
											<div class="present">
												<span class="present-title">中国农业银行 </span>
												<p class="present-day-interest">查询可用账单、积分</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95599</p>
											</div>
										</div>
									</a>
								</li>
								<li class="mui-table-view-cell">
									<a class="cardbot mui-navigate-right touch-action">
										<img class="appname" src="../../imgs/credit/huaxia.png">
										<div class="card-right">
											<div class="present">
												<span class="present-title">华夏银行</span>
												<p class="present-day-interest">查询可用账单</p>
											</div>
											<div class="limit">
												<p class="limit-left">客服热线</p>
												<p class="limit-num">95577</p>
											</div>
										</div>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="../../js/mui.js"></script>
		<script src="../../js/app.js"></script>
		<script src="../../js/common.js"></script>

		<script type="text/javascript">
			mui.init();
			mui.plusReady(function() {
				mui('.mui-scroll-wrapper').scroll({
					indicators: true //是否显示滚动条
				});
				// var hr = '<li class="mui-table-view-cell"><div class="mui-card-content"><div class="cardbot"><div class="present"><span class="present-title">收益提现</span><br><p class="present-time">2018-6-27 20:39:29</p></div><div class="limit"><span class="limit-right-top">-2133.0</span><br><p class="limit-right-bottom">提现到账成功</p></div></div></div></li>';
				// document.getElementById('item1mobile').querySelector('.item1ul').innerHTML = hr + hr + hr + hr + hr + hr + hr + hr + hr + hr + hr + hr + hr + hr + hr;
				
				var wrapper_height = mui('.mui-scroll-wrapper')[0].offsetHeight-20;
				mui('.mui-scroll-wrapper')[0].style.height = wrapper_height+'px';
			});
		</script>
	</body>

</html>
